<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>首页</title>
    <link rel="stylesheet" href="./assets/css/mui.min.css">
    <!-- 自定义的公共样式表 -->
    <link rel="stylesheet" href="./assets/css/lib.common.css">
    <!-- 页面样式 -->
    <link rel="stylesheet" href="./assets/css/app.css">
    <script src="./assets/js/mui.min.js"></script>
    <!-- 点击复制文本 -->
    <script src="./assets/js/clipboard.min.js"></script>
    <!-- 自定义的js脚本 -->
    <script src="./assets/js/lib.common.js"></script>

    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]
    <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    [endif]-->
</head>
<body>

<!-- 底部导航条start -->
<nav class="mui-bar mui-bar-tab">
    <a class="mui-tab-item mui-active">
        <div class="p_y2">
            <img src="./assets/image/hdpi-v4/icon_home_checked.png">
            <!--<img src="./assets/image/hdpi-v4/icon_home_uncheck.png">-->
        </div>
        <div class="mui-tab-label">首页</div>
    </a>
    <a url="./行情.html" class="mui-tab-item">
        <div class="p_y2">
            <!--<img src="./assets/image/hdpi-v4/icon_market_checked.png">-->
            <img src="./assets/image/hdpi-v4/icon_market_uncheck.png">
        </div>
        <div class="mui-tab-label">行情</div>
    </a>
    <a url="./交易-币币.html" class="mui-tab-item">
        <div class="p_y2">
            <!--<img src="./assets/image/hdpi-v4/icon_deal_checked.png">-->
            <img src="./assets/image/hdpi-v4/icon_deal_uncheck.png">
        </div>
        <div class="mui-tab-label">交易</div>
    </a>
    <a url="./个人中心.html" class="mui-tab-item">
        <div class="p_y2">
            <!--<img src="./assets/image/hdpi-v4/icon_mine_checked.png">-->
            <img src="./assets/image/hdpi-v4/icon_mine_uncheck.png">
        </div>
        <div class="mui-tab-label">个人</div>
    </a>
</nav>
<!-- 底部导航条start -->

<!-- 头部状态栏start -->
<header class="mui-bar mui-bar-nav index-head-bar">
    <h1 class="mui-title bold">
        首页
    </h1>
</header>
<!-- 头部状态栏end -->

<!-- 轮播图start -->
<header class="index-header-slider">
    <div class="mui-slider">
        <div class="mui-slider-group">
            <!--第一个内容区容器-->
            <div class="mui-slider-item">
                <a url="./个人中心页面/关于我们-文章详情.html"><img src="./assets/image/xhdpi-v4/banner_data.png"/></a>
            </div>
            <!--第二个内容区-->
            <div class="mui-slider-item">
                <a url="./个人中心页面/关于我们-文章详情.html"><img src="./assets/image/xhdpi-v4/icon_item_bg.png"/></a>
            </div>
        </div>
    </div>
</header>
<!-- 轮播图end -->

<!-- 横向滚动数据区域start -->
<div class="index-scroll-wrapper bg-white mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
    <div class="mui-scroll p_y5">
        <div class="mui-control-item">
            <div class="font12 bold black line20">BTC/USAT</div>
            <div class="bold text-green line20">10172.60</div>
            <div class="font12 text-green line20">+2.96%</div>
            <div class="font12 dark line20">≈69162.80CNY</div>
        </div>
        <div class="mui-control-item">
            <div class="font12 bold black line20">BTC/USAT</div>
            <div class="bold text-green line20">10172.60</div>
            <div class="font12 text-green line20">+2.96%</div>
            <div class="font12 dark line20">≈69162.80CNY</div>
        </div>
        <div class="mui-control-item">
            <div class="font12 bold black line20">BTC/USAT</div>
            <div class="bold text-green line20">10172.60</div>
            <div class="font12 text-green line20">+2.96%</div>
            <div class="font12 dark line20">≈69162.80CNY</div>
        </div>
        <div class="mui-control-item">
            <div class="font12 bold black line20">BTC/USAT</div>
            <div class="bold text-green line20">10172.60</div>
            <div class="font12 text-green line20">+2.96%</div>
            <div class="font12 dark line20">≈69162.80CNY</div>
        </div>
        <div class="mui-control-item">
            <div class="font12 bold black line20">BTC/USAT</div>
            <div class="bold text-green line20">10172.60</div>
            <div class="font12 text-green line20">+2.96%</div>
            <div class="font12 dark line20">≈69162.80CNY</div>
        </div>
        <div class="mui-control-item">
            <div class="font12 bold black line20">BTC/USAT</div>
            <div class="bold text-danger line20">10172.60</div>
            <div class="font12 text-danger line20">-2.96%</div>
            <div class="font12 dark line20">≈69162.80CNY</div>
        </div>
    </div>
</div>
<!-- 横向滚动数据区域start -->


<div class="mui-row p_t10">
    <div class="mui-col-sm-6 mui-col-xs-6 p_x5">
        <div class="bg-white radius5">
            <a url="./个人中心页面/法币交易.html" class="index-fabi-jiaoyi  ">
                <img class="mui-media-object mui-pull-right" src="./assets/image/xhdpi-v4/icon_fiat_deal.png">
                <div class="mui-media-body p_l5 p_y10">
                    <h4 class="black">法币交易</h4>
                    <p class='mui-ellipsis'>轻松购买数字资产</p>
                </div>
            </a>
        </div>
    </div>
    <div class="mui-col-sm-6 mui-col-xs-6 p_x5">
        <div class="mui-col-sm-12 mui-col-xs-12 bg-white m_b5 radius5 p_l25">
            <a url="./交易-合约.html" class="index-heyue-jiaoyi">
                <img class="mui-media-object mui-pull-left" src="./assets/image/xhdpi-v4/icon_deal.png">
                <div class="mui-media-body p_l5 line35">
                    <p class="black">合约交易</p>
                </div>
            </a>
        </div>
        <div class="mui-col-sm-12 mui-col-xs-12 bg-white radius5 p_l25">
            <a url="./个人中心页面/帮助中心.html" class="index-bangchu-zhongxin">
                <img class="mui-media-object mui-pull-left" src="./assets/image/xhdpi-v4/icon_help_center.png">
                <div class="mui-media-body p_l5 line35">
                    <p class="black">帮助中心</p>
                </div>
            </a>
        </div>
    </div>
</div>
<!-- 加入我们start-->
<div class="mui-row p_x5">
    <a url="./个人中心页面/邀请好友.html">
        <img src="./test/join.png" class="image radius5">
    </a>
</div>
<!-- 加入我们end-->

<!-- 交易行情start-->
<div class="mui-row p_y10">
    <h5 class="mui-col-sm-12 mui-col-xs-12 mui-ellipsis black p_x5">交易行情</h5>
    <div class="mui-col-sm-12 mui-col-xs-12">
        <table class="table index-jiaoyi-hangqing">
            <thead>
            <tr class="line30">
                <th class="text-center black normal font12">名称</th>
                <th class="text-center black normal font12">最新价</th>
                <th class="text-center black normal font12">涨跌幅</th>
            </tr>
            </thead>
            <tbody class="bg-white">
            <tr>
                <td class="text-center p_t10">
                    <div class="line20">
                        <span class="bold font13">BTC<span class="normal font13 dark">/USDT</span></span>
                    </div>
                    <p class="dark line20 font12">24H 量/21991.359</p>
                </td>
                <td class="text-center p_t10">
                    <div class="line20">10171.00</div>
                    <p class="dark line20 font12">≈69162.80CNY</p>
                </td>
                <td class="text-center ">
                    <button type="button" class="mui-btn btn-green">+2.94%</button>
                </td>
            </tr>
            <tr>
                <td class="text-center p_t10">
                    <div class="line20">
                        <span class="bold font13">BTC<span class="normal font13 dark">/USDT</span></span>
                    </div>
                    <p class="dark line20 font12">24H 量/21991.359</p>
                </td>
                <td class="text-center p_t10">
                    <div class="line20">10171.00</div>
                    <p class="dark line20 font12">≈69162.80CNY</p>
                </td>
                <td class="text-center ">
                    <button type="button" class="mui-btn btn-green">+2.94%</button>
                </td>
            </tr>
            <tr>
                <td class="text-center p_t10">
                    <div class="line20">
                        <span class="bold font13">BTC<span class="normal font13 dark">/USDT</span></span>
                    </div>
                    <p class="dark line20 font12">24H 量/21991.359</p>
                </td>
                <td class="text-center p_t10">
                    <div class="line20">10171.00</div>
                    <p class="dark line20 font12">≈69162.80CNY</p>
                </td>
                <td class="text-center ">
                    <button type="button" class="mui-btn btn-green">+2.94%</button>
                </td>
            </tr>
            <tr>
                <td class="text-center p_t10">
                    <div class="line20">
                        <span class="bold font13">BTC<span class="normal font13 dark">/USDT</span></span>
                    </div>
                    <p class="dark line20 font12">24H 量/21991.359</p>
                </td>
                <td class="text-center p_t10">
                    <div class="line20">10171.00</div>
                    <p class="dark line20 font12">≈69162.80CNY</p>
                </td>
                <td class="text-center ">
                    <button type="button" class="mui-btn btn-green">+2.94%</button>
                </td>
            </tr>
            <tr>
                <td class="text-center p_t10">
                    <div class="line20">
                        <span class="bold font13">BTC<span class="normal font13 dark">/USDT</span></span>
                    </div>
                    <p class="dark line20 font12">24H 量/21991.359</p>
                </td>
                <td class="text-center p_t10">
                    <div class="line20">10171.00</div>
                    <p class="dark line20 font12">≈69162.80CNY</p>
                </td>
                <td class="text-center ">
                    <button type="button" class="mui-btn btn-green">+2.94%</button>
                </td>
            </tr>
            <tr>
                <td class="text-center p_t10">
                    <div class="line20">
                        <span class="bold font13">BTC<span class="normal font13 dark">/USDT</span></span>
                    </div>
                    <p class="dark line20 font12">24H 量/21991.359</p>
                </td>
                <td class="text-center p_t10">
                    <div class="line20">10171.00</div>
                    <p class="dark line20 font12">≈69162.80CNY</p>
                </td>
                <td class="text-center ">
                    <button type="button" class="mui-btn mui-btn-danger">-2.94%</button>
                </td>
            </tr>
            <tr>
                <td class="text-center p_t10">
                    <div class="line20">
                        <span class="bold font13">BTC<span class="normal font13 dark">/USDT</span></span>
                    </div>
                    <p class="dark line20 font12">24H 量/21991.359</p>
                </td>
                <td class="text-center p_t10">
                    <div class="line20">10171.00</div>
                    <p class="dark line20 font12">≈69162.80CNY</p>
                </td>
                <td class="text-center ">
                    <button type="button" class="mui-btn mui-btn-danger">-2.94%</button>
                </td>
            </tr>

            </tbody>
        </table>
    </div>
</div>
<!-- 交易行情end-->

<div class="app-footer">
    <!-- 防止底部导航挡住内容的区块（勿删） -->
</div>
</body>

</html>
<script>

</script>